<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>上传中心</title>
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/shangchuanzhongxin.css">
</head>

<body>
    <!-- 头部start -->
    <header>
        <div class="wrap">
            <div class="header-left left clear">
                <img src="./image/logo.PNG" alt="">
                <ul class="right clear">
                    <li><a href="#">发现</a>
                    </li>
                    <li><a href="#">我的</a>
                    </li>
                    <li>
                        <a href="#">App下载</a>
                    </li>
                </ul>
            </div>
            <div class="header-middle left clear">
                <form action="">
                    <input type="text" placeholder="专辑/声音/用户">
                    <img src="../喜马拉雅/image/搜索.PNG" alt="">
                </form>
            </div>
            <div class="header-right right">
                <ul class="clear">
                    <li>
                        <img src="./image/nav-1.PNG" alt="">
                        <p> 上传</p>
                    </li>
                    <li>
                        <img src="./image/nav-2.PNG" alt="">
                        <p>创作中心</p>
                    </li>
                    <li>
                        <a href="./有声书出版.html">
                            <img src="./image/nav-3.PNG" alt="">
                            <p>有声出版</p>
                        </a>
                    </li>
                    <li>
                        <img src="./img-shch/音箱.png" alt="">
                        <p>小雅音箱</p>
                    </li>
                </ul>
            </div>
        </div>
    </header>
    <!-- 头部end -->
    <!-- 内容start -->
    <div class="count clear">
        <div class="counttop clear">
            <div class="count-top clear left">
                <div class="bianhuan right">
                    <div class="count-1 left count-2">
                        上传视频
                    </div>
                    <div class="count-1 left count-2 ">
                        上传配图音频
                    </div>
                </div>
                <div class="count-1 left count-3">
                    上传音频
                </div>
            </div>
            <div class="count-top1 left">
                <a href="#">
                    <img src="./img-shch/音乐图标.png" alt="">
                    <span>喜马拉雅配乐库，海量版权配乐等你体验></span>
                </a>
            </div>
        </div>
        <div class="countmain">
            <div class="cm-t">
                <p class="jinzhi">严禁上传违规/色情色诱/低俗等内容，违者下架并封号处理！<a href="#">查看禁止上传的内容</a></p>
                <button><img src="./img-shch/上传音频button.PNG" alt=""></button>
                <p class="cm-next">
                    请一定要上传64kbps以上的音频哦
                    <br> 上传即表示您已同意<a href="#">《喜马拉雅服务协议》</a>
                </p>
                <div class="cm-last">
                    <div class="little">
                        <p><img src="./img-shch/批量上传.png" alt="">
                            <span>批量上传</span></p>
                    </div>
                    <div class="little">
                        <p><img src="./img-shch/最大200M.png" alt="">
                            <span>最大200M</span></p>
                    </div>
                    <div class="little">
                        <p><img src="./img-shch/支付方式.png" alt="">
                            <span>支持11种格式</span></p>
                    </div>
                    <div class="little">
                        <p><img src="./img-shch/音质无忧.png" alt="">
                            <span>音效无忧</span></p>
                    </div>
                </div>
            </div>
            <div class="countlast">
                <img src="./img-shch/剪辑工具.png" alt="" class="left last1">
                <p class="left">
                    <span>喜马拉雅云剪辑</span>
                    <br>
                    <span>语音转文字，剪辑黑科技</span>
                </p>
                <img src="./img-shch/去体验.gif" alt="" class="right last2">
            </div>
        </div>

    </div>
    <!-- 内容end -->
</body>

</html>